<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="js/jquery-3.7.1.min.js"></script>
</head>
<body>
    <!-- <button>点位</button>
    <div id="content">
        <span>
            页面元素
        </span>
    </div>

    <input type="text" id="name" value="input"> -->
    
    <ol>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ol>

    <script>
        // $(document).ready(
        //     function(){
        //          $("button").click(function(){
        //             $(this).hide();
        //          });
        //     }
        // );
        
        // $("#content").click(function(){
        //     // console.log($(this).text());
        //     // console.log($(this).html());

        //     // $(this).text("<b>hello</b>")

        //     console.log($(this).val());
        // })

        $("ol").append("append");
        $("ol").prepend("prepend");
        $("ol").after("after");
        $("ol").before("before");

        $("ol").remove();// 全删除
        // $("ol").empty();// 删除剩一个框
    </script>
</body>
</html>